html{-webkit-tap-highlight-color:transparent;}
body{
    min-width: 320px;
    max-width: 768px;
    margin: 0 auto;
    color:#000;
}
html,
body{
    font-family: "Roboto", "Open Sans", "PingFang", "PingFang SC", "PingFang HK", "PingFang TC", "Microsoft YaHei", "Microsoft JhengHei", "Helvetica Neue", Arial, sans-serif;
}
img{
    width:100%;
    height: auto;
}
ul{
    padding-left: 0;
}
li{
    list-style-type: none;
}
p{
    margin-bottom: 0;
}
a{
    text-decoration: none;
    color: #333;
}

#form{
    overflow: hidden;
}
#form button{
    display:block;
    width: 56%;
    height: 45px;
    line-height: 46px;
    margin: 2rem auto 0;
    background-color: #28d495;
    border-radius: 2rem;
    color:#fff;
    font-size: 
    border-bottom: 4px solid #1abe82;
}
#form .input-box{
    display: flex;
    display: -webkit-flex;
    width:90%;
    height: 45px;
    margin: 1rem auto 0;
    padding: 10px 0;
    background:#f0f0f0;
    font-size: 0;
}
#form .input-box label,
.input-box input,
.input-box select{
    display: inline-block;
    height: 25px;
    line-height: 25px;
}
#form .input-box label{
    margin-bottom: 0;
    padding-left: 10px;
    font-size: 14px;
    color:#333;
    text-align: right;
}
#form .input-box input,
.input-box select{
    width: 65%;
    padding-left: 8px;
    font-size: 14px;
    border: none;
    background: none;
            flex: 1;
    -webkit-flex: 1;
    z-index: 2;
}
#form .sponsor-number{
    margin-top:2rem;
    font-size: 14px;
    color:#999;
    text-align: center;
}
#form .i-company{
    position: relative;
}
#form .i-company::after {
    content: '';
    position: absolute;
    top: 45%;
    right: 1rem;
    width: 8px;
    height: 8px;
    border-right: 2px solid #bfbfbf;
    border-bottom: 2px solid #bfbfbf;
    border-radius: 1px;
    -webkit-transform: rotate(45deg) translateY(-55%);
    transform: rotate(45deg) translateY(-55%);
}
/** andy style **/
#form .input-box label.right-button {
    border-right:none;
    border-left:1px solid #ff6a5c;
    text-align: center;
    background-color:#ff6a5c;
    color:#fff;
    padding-right: 0px;
    margin-left:-10px;
}
label.right-button a {
    /*:#ff6a5c;*/
    color:#fff;
}
#form .input-box input.left-input {
    padding-left:12px;
    text-align: center;
}

.sponsor-number b{
    margin: 0 2px;
    color: #ff9c00;
    /*font-size: 18px;*/
}

.banner{
    position: relative;
}
/*.banner .b{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    opacity: 0;
}*/
.banner .b_bg{
    display: none;
}
/*.banner .b_01{
    opacity: 1;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}*/
.top-bg{
    background: #68a7f4 url(/static/images/special/16062401/top_bg.jpg) no-repeat center top;
    background-size: 100% auto;
}
.author{
    padding-bottom: 50px;
    background: url(/static/images/special/16062401/author_bg.png) no-repeat center bottom;
    background-size: 100% auto;
    text-align: center;
}
.author a{
    display:block;
    color: #fff;
    text-decoration: none;
}
.author .author_pic{
    position: relative;
    border-radius: 50%;
    padding: 8% 0 5%;
}

.author .author_pic::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 104px;
    height: 104px;
    margin-left: -52px;
    background: url(/static/images/special/16062401/img_bg.png) no-repeat;
    background-size: 100% 100%;
    transform: translateY(-42%);
    -webkit-transform: translateY(-42%);
}
.author .author_pic>img{
    position: relative;
    z-index: 10;
    width: 70px;
    height: 70px;
    border-radius: 50%;
}
.author .author_pic .star{
    position: absolute;
    width: 100%;
    height: 100%;
    top: -5%;
    left: 0;
}
.author .author_pic .star div{
    position:absolute;
    top:0;
    left: 0;
    width:100%;
    height: 100%;
}
.author .author_pic .star img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.author .author_promise{
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}
.author .author_promise h1{
    font-size: 18px;
    text-align: center;
    color: #fff;
    margin-top: -0.7em;
    margin-bottom: 0.9rem;
}
.author .author_promise p{
    margin-bottom: 0;
    font-size: 16px;
    color: #fff;
    line-height: 1.4;
}
.author .author_promise p a{

}
.author button{
    width: 52%;
    background-color: #ffba00;
    /*border: 4px solid #639ee8;*/
    border-bottom: 4px solid #ec8b00;
    border-radius:2rem;
    height:45px;
    color:#fff;
}
.author button::before{
    content: '';
    display:inline-block;
    width:25px;
    height: 25px;
    background:  url(/static/images/special/16062401/icons.png) no-repeat center -5px;
    background-size: 40px;
    vertical-align: text-bottom;
 }
.author button.support::before{
    background-position: center -45px;
}
/*合作商*/
.partner-info{
    /*display: table;*/
}
.partner-info dl{
    margin-top: 2em;
    margin-bottom: 0;
}
.partner-info dl+dl{
    margin-top: 0;
}
.partner-info dt,
.partner-info dd{
    display: inline-block;
}
.partner-info dd{
    margin-left: 4%;
    margin-bottom: 0;
}
.partner-info dt,
.partner-info dd span{
    margin-bottom: 0;
    font-weight: normal;
    font-size: 12px;
    color: #fff;
    line-height: 28px;
    height: 28px;
}
.partner-info dd span{
    display: inline-block;
    text-align: left;
}
.partner-info dd img{
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: 1.5px solid rgba(255,255,255,.15);
    vertical-align: middle;
}
.author-ranking{
    font-size: 12px;
    background: #fff;
}
.author-ranking .join-count{
    position: relative;
    padding-left: 20%;
    padding-bottom: 10px;
    line-height: 2.4;
    color:#999;
    font-size: 13px;
}
.author-ranking .join-count::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #dfdfdf;
            transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
}
.author-ranking .join-count b{
    margin: 0 2px;
    color: #ff9c00;
}

.author-ranking .author-ranking-list{
    margin-bottom: 0;
    padding-left: 0;
}
.author-ranking-list li,
.author-ranking-list .more{
    height: 55px;
}
.author-ranking-list li{
    position: relative;
    display: table;
    width:100%;
    padding: 12px 0;
    line-height: 1.4;
}
.author-ranking-list li::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #dfdfdf;
            transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
}
.author-ranking-list li div{
    display: table-cell;
    vertical-align: middle;
}
.author-ranking-list li .cell-01{
    width: 20%;
    text-align: center;
}
.author-ranking-list li .cell-01 img{
    width: 42px;
    height: 42px;
    border-radius: 50%;
}
.author-ranking-list li .cell-02{
    padding-right: 12px;
}
.author-ranking-list li .cell-03{
    width: 76px;
    font-size: 11px;
    color: #999;
}
.author-ranking-list li p{
    margin-bottom: 0;
    line-height: 1.5;
}
.author-ranking-list li .j-comment-name{
    color: #999;
}
.author-ranking-list li .j-comment-text{
    color:#333;
    font-size: 13px;
}
.author-ranking-list .more{
    padding: 0;
    text-align: center;
    background: #ecf0f5;
}
.author-ranking-list .more button{
    width: 100%;
    padding: 0;
    background: #fff;
    border: none;
    color: #68a7f4;
    line-height: 55px;
    font-size: 13px;
}
.rank-type{
	padding: 10px 15% 25px;
}
.rank-type .rank-type-button{
    border:1px solid #fff;
    font-size: 0;
    border-radius: 25px;
}
.rank-type button{
    width:50%;
    height: 35px;
    padding: 0;
    background: #68a7f4;
    font-size: 14px;
    color:#fff;
}
.rank-type .day-rank{
    border-radius: 25px 0 0 25px;
}
.rank-type .company-rank{
    border-radius: 0 25px 25px 0;
}
.rank-type button.cur{
    background-color: #fff;
    color:#68a7f4;
}

#day-ranking,
#company-ranking{
    margin-bottom:1rem;
    text-align: center;
    font-size: 13px;
 }
/*.ranking-info{
    margin-bottom: 1rem;
 }
.ranking-info p{
    display:inline-block;
    font-size:15px;
    color: #8f4300;
    font-size: 16px;
}*/
.ranking-list{
    margin: 0 10px;
    background: #ccc;
    border-radius: 6px;
    overflow: hidden;
    font-size: 15px;
}
.ranking-list li{
    display: table;
    table-layout: fixed;
    width: 100%;
    background-color: #fff;
}
.ranking-list .r-title{
    background-color: #fff;
}
.ranking-list .r-title span{
    font-size: 14px;
    color: #333;
}
.ranking-list a{
    text-decoration: none;
    color: #000;
}
.ranking-list li{
    -ms-touch-action: manipulation;
        touch-action: manipulation;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
            position: relative;
    height: 50px;
    color: #666;
    font-size: 13px;
}
/*.--------------------------------*/
.ranking-list2{
    margin: 0 10px;
    border-radius: 6px;
    overflow: hidden;
    font-size: 15px;
}
.ranking-list2 li{
    display: table;
    table-layout: fixed;
    width: 11%; 
	float: left;
}
.ranking-list2 .r-title{
    background-color: #fff;
}
.ranking-list2 .r-title span{
    font-size: 14px;
    color: #333;
}
.ranking-list2 a{
    text-decoration: none;
    color: #000;
}
.ranking-list2 li{
    -ms-touch-action: manipulation;
        touch-action: manipulation;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    height: 50px;
    color: #666;
    font-size: 13px;   
}
.ranking-list2 li::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 1px;
    background: #e1e1e1;
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
}
.ranking-list2 li img{
    width: 30px;
    border-radius: 50%;
}
.ranking-list2 li span{
    display: table-cell;
    text-align:center;
    padding: 10px 0;
    vertical-align: middle;
    font-size: 13px;
}
.ranking-list2 li span.r-list-company{
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ranking-list2 li .r-list-rank{
    position: relative;
    font-weight: bolder;
    color:#666;
    font-size: 16px;
}
.ranking-list2 .day-win .r-list-rank,
.ranking-list2 .company-win .r-list-rank{
    content:'';
    background: url(../images/top_icons.png) no-repeat center;
    background-size: 50px auto;
}

.ranking-list2 .r-list .top1{
    background-position: center 0;
}
.ranking-list2 .r-list .top2{
   background-position: center 50%;
}
.ranking-list2 .r-list .top3{
    background-position: center 100%;
}
/*.ranking-list li::before,*/
.ranking-list li::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 1px;
    background: #e1e1e1;
    transform: scaleY(0.5);
    -webkit-transform: scaleY(0.5);
}
.ranking-list li:active{
    background-color: #ddd!important;
}
#day-ranking li span:nth-of-type(1){
    width:19%;
}
#day-ranking li span:nth-of-type(2){
    width:10%;
}
#day-ranking li span:nth-of-type(3){
    width:30%;
}
#day-ranking li span:nth-of-type(4){
    width:15%;
}
#day-ranking li span:nth-of-type(5){
    width:26%;
}
#company-ranking li span:nth-of-type(1){
    width:30%;
}
#company-ranking li span:nth-of-type(2){
    width:40%;
}
#company-ranking li span:nth-of-type(3){
    width:30%;
}
.ranking-list li img{
    width: 30px;
    border-radius: 50%;
}
.ranking-list li span{
    display: table-cell;
    text-align:center;
    padding: 10px 0;
    vertical-align: middle;
    font-size: 13px;
}
.ranking-list li span.r-list-company{
    padding: 0 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ranking-list li .r-list-rank{
    position: relative;
    font-weight: bolder;
    color:#666;
    font-size: 16px;
}
.ranking-list .day-win .r-list-rank,
.ranking-list .company-win .r-list-rank{
    content:'';
    background: url(../images/top_icons.png) no-repeat center;
    background-size: 50px auto;
}

.ranking-list .r-list .top1{
    background-position: center 0;
}
.ranking-list .r-list .top2{
   background-position: center 50%;
}
.ranking-list .r-list .top3{
    background-position: center 100%;
}
.ranking-hint{
    color: #fff;
    font-size: 13px;
    padding-bottom: 15px;
    padding-left: 10px;
    text-align: center;
    opacity: 0.8;
}
.ranking-hint2{
    color: #fff;
    font-size: 13px;
    padding-bottom: 20px;
    padding-left: 20px;
    text-align: center;
    opacity: 0.8;
	width:65%;
}
section.tlist a{
    display: block;
    color: #000;
}

/*奖励规则*/
.rule-wrap{}
.rule-top{
    padding: 10px;
    padding-bottom: 0;
}
.rule-top dt{
    padding-bottom: 5px;
    text-align: center;
    line-height: 2;
    font-weight: normal;
    font-size: 18px;
}
.rule-top dd{
    font-size: 14px;
}
.rule-bottom{
    padding: 10px;
}
.rule-bottom h1{
    position: relative;
    margin-bottom: 20px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.rule-bottom h1::after{
    content:'';
    position: absolute;
    left: 0;
    top: 17px;
    width: 100%;
    border-bottom: 1px dashed #ff5a5a;
    -webkit-transform: scaleY(.5);
            transform: scaleY(.5);
}
.rule-bottom h1 span{
    display: inline-block;
    position: relative;

}
.rule-bottom h1 span::before,
.rule-bottom h1 span::after{
    content: '';
    position: absolute;
    z-index: 1;
    height: 28px;
    width: 34px;
    top: 4px;
}
.rule-bottom h1 span i{
    position: relative;
    z-index: 10;
    display: inline-block;
    padding: 0 8px;
    height: 28px;
    line-height: 28px;
    border-radius: 4px;
    font-style: normal;
    background: #ff5a5a;
}
.rule-bottom h1 span::before{
    left: -18px;
    background: url(/static/images/special/16062401/title_l.png) no-repeat center left;
    background-size: auto 100%;
}
.rule-bottom h1 span::after{
    right: -18px;
    background: url(/static/images/special/16062401/title_r.png) no-repeat center left;
    background-size: auto 100%;
}

.rule-bottom dl{
    margin-bottom: 0;
}
.rule-bottom dl dt,
.rule-bottom dl dd{
    font-size: 14px;
}
.rule-bottom dl dt{
    line-height: 35px;
    height: 35px;
    font-weight: normal;
}
.rule-bottom dl dt::before{
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(/static/images/special/16062401/title_icons.png) no-repeat;
    background-size: 50px auto;
    vertical-align: top;
}
.rule-bottom dl:nth-of-type(1) dt::before{
    background-position: center -10px;
}
.rule-bottom dl:nth-of-type(2) dt::before{
    background-position: center -60px;
}
.rule-bottom dl dd span{
    color: #ff4e00;
}
#sbtn{
    width: 160px;
    height: 36px;
    border-radius: 18px;
    background: #ff6a5c;
    color: #fff;
    font-size: 14px;
    display: block;
    margin: 15px auto 0 auto;
}
.body-bg{
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: url(/static/images/special/16062401/qrcode_bottom.jpg) no-repeat center bottom;
    background-size: 100% auto;
}
.channel{
    text-align: center;
    margin-top: -2.5rem;
    margin-bottom:50px;
    font-size: 18px;
    color: #fff;
}
.channenember{
	width:30px;
	height:30px;
	padding:5px 9px;
	background-color:#FFF;
    font-size: 18px;
    color: #666;
    border-radius:10px; 
}
.WeChat{
    text-align: center;
}
.WeChat img{
    width: 50%;
}
.WeChat p{
    margin-top:1.2rem;
    color: #333;
    font-size: 16px;
}
.WeChat p span{
    color:#ff4e00;
}
.hint-text dl{
    padding: 10px;
    text-align: center;
}
.hint-text dt{
    position: relative;
    margin: 2em 0 1em;
    height: 28px;
    line-height: 24px;
    font-size: 14px;
    font-weight: normal;
}
.hint-text dt::after{
    content: '';
    position: absolute;
    top: 16px;
    left: 0;
    z-index: -1;
    width: 100%;
    border-bottom: 1px dashed #ccc;
    -webkit-transform: scaleY(.5);
            transform: scaleY(.5);
}
.hint-text dt span{
    display: block;
    height: 28px;
    background: url(/static/images/special/16062401/title_line.png) no-repeat center;
    background-size: auto 100%;
}
.hint-text dd{
    font-size: 12px;
}
.bottom-banner{
    padding-bottom: 10px;
}
.bottom-banner h1{
    position: relative;
    font-size: 14px;
    color: #ff3600;
    text-align: center;
    padding: 10px;
    padding-bottom: 0;
}
.bottom-banner h1 span{
    display: inline-block;
    padding: 0 2px;
    background: #fff;
}
.bottom-banner h1::after{
    content: '';
    position: absolute;
    top: 16px;
    left: 0;
    z-index: -1;
    width: 100%;
    border-bottom: 1px solid #ccc;
    -webkit-transform: scaleY(.5);
            transform: scaleY(.5);
}
#base-nav{
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 111;
}
#base-nav ul{
    display: table;
    table-layout: fixed;
    width: 100%;
    margin-bottom: 0;
    padding-left: 0;
}
#base-nav li{
    display: table-cell;
    vertical-align: middle;
}
#base-nav li a{
    display: block;
    height:50px;
    background-color: #1a9de7;
    line-height:50px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    position: relative;
}
#base-nav li a.cur{
    color: #fff000;
}

#base-nav li:nth-of-type(2) a,
#base-nav li:nth-of-type(3) a{
    background-color: #25b0ff;
}
#base-nav li:nth-of-type(2) a::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #3bb8ff;
}
/**
 * 03 13 nick
 */
a#refillin{
    text-align: center;
    display: block;
    color: #ff0000;
    font-size: 14px;
    background: #ecf0f5;
    height: 40px;
    line-height: 40px;
}
a#refillin em{
    font-style: normal;
    font-family: verdana;
}
.SRemark{
    background: #ffffff;
    margin: 2%;
    padding: 3%;
    border-radius: 3px;
    color: #666;
    text-align: left;
}
.SRemark span{
    color: #c20000;
}
/*
** 分享提示
*/
#sharetip{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 666;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7)
}
#sharetip h4{
    margin-top: 0.5em;
    color: #fff;
    text-align: center;
}
/*
** 中奖名单
*/
.rich_media{
    color: #3e3e3e;
    font-size: 14px;
}
.rich_media p.click{
    font-size: 17px;
}
.rich_media p.click{
    text-align: center;
}
.rich-title{
    margin: 1em auto 4em;
    padding: 10px;
    text-align: center;
}
h2.rich_media_title{
    font-size: 25px;
}
.rich_media .rich_media_content h1 span{
    color: rgb(255, 255, 255); font-size: 18px; line-height: 1.6; background-color: rgb(255, 41, 65);
}

.rich_media blockquote{
    margin: 1em auto 4em;
    padding: 10px; 
    border: 6px double rgb(176, 243, 70); 
    word-break: break-all; 
    word-wrap: break-word; 
    max-width: 100%; 
    font-family: 微软雅黑; 
    box-sizing: border-box !important;
}
.rich_media blockquote p{
    color: rgb(68, 68, 68);
        font-size: 22px;
}
.rich_media blockquote p span:nth-of-type(1){
    line-height: 28.4444px; 
    box-sizing: border-box; 
    word-break: break-all; 
    word-wrap: break-word; 
    max-width: 100%; 
    font-size: 14px; 
    color: rgb(255, 255, 255); 
    background-color: rgb(255, 41, 65);
}
.rich_media blockquote p span:nth-of-type(2){
    box-sizing: border-box; 
    word-break: break-all; 
    word-wrap: break-word; 
    max-width: 100%; 
    font-size: 14px; 
    line-height: 1.6;
}
.rich_media section{
    line-height: 28.4444px; white-space: normal;
}


@keyframes flash {
    from,50%,to {
      opacity: 1;
    }

    25%,75% {
        opacity: 0.5;
    }
}
@-webkit-keyframes flash {
    from,50%,to {
      opacity: 1;
    }

    25%,75% {
        opacity: 0.5;
    }
}

@keyframes setBottom2TopIn{
    0%{
        -webkit-transform: translateY(-100%);
                transform: translateY(-100%);
    }
    100%{
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
@-webkit-keyframes setBottom2TopIn{
    0%{
        -webkit-transform: translateY(-100%);
                transform: translateY(-100%);
    }
    100%{
        -webkit-transform: translateY(0);
                transform: translateY(0);
    }
}
.indexbannerbg{
	background-image:url(../images/indexbanner.jpg);
	background-repeat:no-repeat;
    width:100%;
    height:auto;
    background-size:cover;
	padding-top: 15.6%;
    text-align: center;
    padding-bottom: 11%;
}
.person {
	 padding-top:16%;
	 text-align:center;
}
.personico {
     width:21%;
	 height:21%;
	 border-radius:100px;
}
.button1{
    margin-top: 20rpx;
    margin-bottom: 20rpx;
    -webkit-border-radius: 30px;
	  -moz-border-radius: 30px;
  	border-radius:10px;

}
. input1 {
	background-color:#CCC;
	border:0px;
	width:300px;
	height:35px;
  font-family:"microsoft yahei",Verdana,Arial,Helvetica,sans-serif;
}
.approveIco{	
     width:120px;
	 height:25px;
	 position:absolute;
	 z-index:9;
	 right:1px;
	 margin-top:20px;
}
.recommendIco{	
     width:40px;
	 height:40px;
	 position:fixed;
	 z-index:10;
	 right:18px;
	 bottom:40px;
}

.breathe-btn{ 
	line-height:40px; 
	border:1px solid #2b92d4;
	border-radius:5px;
	color:#fff;
	font-size:20px;
	text-align:center; 
	cursor:pointer; 
	box-shadow:0 1px 2px rgba(0,0,0,.3); 
	overflow:hidden; 
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-name: breathe;
    -webkit-animation-duration: 2700ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
}
@-webkit-keyframes breathe {
    0% { opacity: .2; box-shadow:0 1px 2px rgba(255,255,255,0.1);}
    100% { opacity: 1; border:1px solid rgba(59,235,235,1); box-shadow:0 1px 30px rgba(59,255,255,1);}
}
